// 旧方法
$('.login a').on('click',function(){
  $('.login').hide().next().show()
})
$(' .register a').on('click',function(){
  $('.login').show().next().hide()
})


//新方法
// $('a').on('click',function(){
//     $(this).parents('.box').hide().siblings('.box').show()
// })


// 弹层处理
// 唯一一个不用加载的模块 可以直接使用
let layer = layui.layer


// 注册功能
$('.register form').on('submit',function(e){
  e.preventDefault()
  // 收集表单数据
  let data = $(this).serialize()
  $.ajax({
      type:'POST',
      url:'/api/reguser',
      data:data,
      success:function(res){
          //提示
          
          //如果成功了 （清空输入框 登陆盒子显示）
          if(res.status === 0){
              layer.msg(res.message)
              $('.register form' )[0].reset()//重置注册输入框
              $('.login').show().next().hide()//登陆盒子显示 注册盒子隐藏
          }
      }
  
  })
})
// 自定义验证表单
// 1.加载form模块
let form = layui.form
// 2.调用form.verify() 方法 扩张自己的验证规则
form.verify({
  // 键值对
  // 键：规则名称 值：验证方法
  // 两种方式
  // 1.数组['正则表达式'，'错误提示']
  
  user:[/^\w{2,10}$/,'用户名2-10位,用户名不能有特殊字符'],
  pass:[/^\S{6,12}$/,'密码6-12位且不能有空格'],
  // 2.函数形式 
  same:function(abc){
      // 形参abc表示加 same 表单的值 reture 返回错误提示
      if($('.pwd').val()!==abc){
          return '两次密码不一致'
      }
  }


})
//登录功能
$('.login form').on('submit',function(e){
  e.preventDefault()
  // 收集表单数据
  let data = $(this).serialize()
  $.ajax({
      type:'POST',
      url:'/api/login',
      data:data,
      success:function(res){
          console.log(res);
          //提示 
          //如果成功了 （页面跳转）
          if(res.status === 0){
              layer.msg(res.message, {
                  time: 2000 //2秒关闭（如果不配置，默认是3秒）
                }, function(){
                  //   存储token
                  localStorage.setItem('token',res.token)
                  // 跳转页面


                      location.href = './index.html'
                });   
          }else{
              layer.msg(res.message)
          }
      }
  })
})
